<html>
  <head>
    <g:javascript>
      var VACATIONS_DATES = ${vacationsDates}
    </g:javascript>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main" />
    <title>${person.name} ${person.lastName} - Vacation List</title>
  </head>
  <body>
    <div class="nav">
      <span class="menuButton">
	<a class="home" href="${resource(dir:'')}">Home</a>
      </span>

      <span class="menuButton">
	<g:link class="create" action="createVacation" id="${person.id}">
	  New Vacation for ${person.lastName}
	</g:link>
      </span>
    </div>

    <div class="body">
      <h1>${person.name} ${person.lastName} - Vacation List</h1>

      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>

      <g:render template="/vacationList" />

      <div class="paginateButtons">
	<g:paginate total="${vacationInstanceTotal}" />
      </div>

      <div class="vacations-list-content">
	<div id="vacations-calendar" />
      </div>
    
      <div style="clear:both;"></div>
    </div>
  </body>
</html>
